約 5,321,844 件
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは? /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年!(キリッ!!)byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by糸申士 br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…? /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ! /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/water28/pages/79.html
HTML5基本構造 HTML5の基礎組み立て DOCTYPE 宣言(DOCTYPE スイッチ) HTML5基本構造 参考サイト:http //www.htmq.com/html5/002.shtml より明確に文書構造を示すことができる フォームの入力補助やチェック機能を属性で指定できる 動画や音声データをHTMLからシンプルに扱える APIの追加により、ウェブアプリケーションが構築しやすくなる HTML5で追加される予定の要素(タグ) HTML5で廃止される予定の要素(タグ) HTML5の基礎組み立て !DOCTYPE html html lang="ja" head title TAG Design /title !-- 文字コード -- meta http-equiv="Content-Type" content="text/html; charset=utf-8" !-- 検索キーワード -- meta name="keywords" content="keyword1,keyword2" !-- サイト説明文 -- meta name="description" content="This is test page !" !-- 作者情報 -- meta name="author" content="miyoshi" !-- 著作権情報 -- meta name="copyright" content="miyoshi" !-- css外部参照 -- link rel="stylesheet" type="text/css" href="../css/style.css" !-- google api - jquery -- script type="text/javascript" src="https //ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" /script /head body div id="wrapper" header h1 TAG Design /h1 h2 ~ tag design ~ /h2 /header div id="main" ul li class="about" a href="#" About Us /a /li /ul /div footer li a href="#" 個人情報の取り扱いについて /a /li li a href="#" サイトマップ /a /li p Copyright copy; 2012 TAG Design /p /footer /div /body /html DOCTYPE 宣言(DOCTYPE スイッチ) 参考サイト:http //2xup.org/log/2007/07/27-2111 各ブラウザの DOCTYPE スイッチ対応表:http //spreadsheets.google.com/pub?key=pbrvd2wQKc03fJ5QWgYr-Cw gid=3 HTML5はDTDがいらない:http //withd.jp/web/tips/standard/3947.html?page=2 DTDwiki:http //ja.wikipedia.org/wiki/Document_Type_Definition オンの状態 standards mode (標準準拠モード) 仕様に準拠した厳格な表示モード オフの状態 quirks mode (後方 (過去) 互換モード) 仕様に準拠していない古いブラウザとの互換 css3フォーマット @import url(http //fonts.googleapis.com/css?family=Fredericka+the+Great); body, header, nav, article, aside, footer, div, ul, li, h1, h2, p { margin 0; padding 0; } body { text-align center; line-height 1.5; min-width 800px; background-color #f5f5f1; color #666666; font-family Fredericka the Great , cursive; font-size 62.5%; }
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず@ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語:はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記:と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん? さらに追記:img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/mynote/pages/77.html
LaTeX2HTML LaTeXで書いたドキュメントをHTML化するスクリプトです LaTeX2HTML LaTeXで書いたドキュメントをHTML化するスクリプトです latex2htmlのインストール方法(Mac) Nikos Drakosが作ってRoss Moore がプロジェクトを進めているらしいLaTeX2HTML、Perlで書かれているので多くの環境で動くはず、日本語パッチを当てればすごく便利。 http //saftsack.fs.uni-bayreuth.de/~latex2ht http //en.wikipedia.org/wiki/LaTeX2HTML http //takeno.iee.niit.ac.jp/~shige/TeX/latex2html/ltx2html.html Copyright © 1993, 1994, 1995, 1996, Nikos Drakos, Computer Based Learning Unit, University of Leeds. Copyright © 1997, 1998, 1999, Ross Moore, Mathematics Department, Macquarie University, Sydney. latex2htmlのインストール方法(Mac) 端末(ターミナル)でMacport sudo port search latex2html latex2html @2008 (print) Convert LaTeX into HTML. sudo port install latex2html これでインストール出来なければセルフビルド(ソースコードを持ってきて自分でインストールしなければならない) セルフビルド(ログは下記においておきます) http //www20.atwiki.jp/mynote/pages/78.html ./configure make sudo make install
https://w.atwiki.jp/goemode/pages/31.html
HTML5とFlashの機能比較 http //clockmaker.jp/blog/2010/02/flash-vs-html5/ --- Apple HTML5デモサイト http //www.apple.com/html5/ (Safariから閲覧可能) --- Icon Generator http //icon-generator.net/ --- beautifl http //beautifl.net/
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは1個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/wicky/pages/212.html
HTTPメッセージ HTTPは単純なテキストベースのプロトコルである。現在広く使用されているHTTPプロトコルはHTTP/1.1である。ただし古いブラウザなどではHTTP/1.0が使用されるが、Apacheを含むたいていのWebサーバではその両方に対応している。 Webサーバとクライアントの間では、複数行からなるHTTPメッセージがやり取りされる。WebクライアントがWebサーバへ送るメッセージを「リクエストメッセージ」、その応答としてWebサーバが返すメッセージを「レスポンスメッセージ」という。なお、HTTPメッセージにおける1行とは行末が「CRLF」(キャリッジリターン・ラインフィード)のテキストデータである。 リクエストメッセージ 次にリクエストメッセージのフォーマットの概略を示す。 先頭行のリクエストラインでは、次のような書式でサーバに送る「メソッド」(コマンド)を指定する。 メソッド URI HTTPバージョン ※「URI」(Universal Resource identifiers)とは、リソースの位置を示すための表記法である。実際にはURLはURIの一形式である。ここでは、WebサーバでDocumentRootとして設定されているディレクトリを起点とする絶対パスと考えてかまわない。 HTMLファイルやイメージファイルの取得には「GET」メソッドが使用される。たとえば、WebサーバのDocumentRootとして設定されているディレクトリから、HTTP/1.1プロトコルを使用し、HTMLファイル「index.html」を取得するリクエストラインは次のようになる。 GET /index.html HTTP/1.1 2行目以降のリクエストヘッダはリクエストに関する付加的な情報である。各行のフォーマットは次のようになる。 フィールド名:値 たとえば「host」フィールドはサーバのホスト名を指定する。なお、「バーチャルホストの設定?」で説明する、バーチャルホストに対応するため、HTTP/1.1以降ではリクエストヘッダに少なくともhostフィールドが必須になっている。次にhostフィールドの例を示す。 host www.peachpress.co.jp リクエストメッセージのヘッダ以降の部分であるメッセージボディが、クライアントからサーバに送る実際のデータである。コンテンツを取得するGETメソッドなどでは不要だが、たとえば、CGIプログラムなどにデータを送るPOSTメソッドでは、メッセージボディにデータを格納する。 主なメソッド 次に、一般的に使用されているHTTP/1.1のメソッドの例を示す。 ■HTTP/1.1の主なメソッド メソッド 説明 GET 指定したリソースを取得 HEAD 指定したリソースのレスポンスヘッダのみを取得 OPTIONS 使用できるメソッドやオプションの一覧を取得 POST サーバにリソースを送信 TRACE サーバの診断に利用 レスポンスメッセージ 次にリクエストメッセージを受け取ったWebサーバが返すレスポンスメッセージのフォーマットを示す。 先頭のステータスラインは要求されたリクエストの結果を示している。 HTTPバージョン ステータスコード 理由フレーズ 「ステータスコード」は結果を示す3桁の数値で、「理由フレーズ」はその簡単な説明である。たとえば要求されたファイルが見つからない場合には、次のようなステータスラインが返される。 ●ステータスコード HTTP/1.1 404 Not Found 次に主なステータスコードと理由フレーズを示す。 ■主なステータスコードと理由フレーズ ステータスコード 理由フレーズ 説明 200 OK リクエストが正しく処理された 400 Bad Request リクエストが不正なものであった 403 Forbidden アクセスが拒否された 404 Not Found ファイルが見つからない 405 Method Not Allowed 指定したメソッドがサポートされていない 415 Unsupporeted Media Type 指定したメディアタイプがサポートされていない 500 Internal Server Error サーバ内部のエラーが発生した 505 HTTP Version Not Supported リクエストしたバージョンはサポートされていない 「レスポンスヘッダ」はメッセージに関する付加情報である。各行の書式は「フィールド:値」となる。次に例を示す。 ●レスポンスヘッダ Date Wed, 08 Nov 2006 05 22 35 GMT ←日付 Server Apache/2.2.3 (Fedora) ←サーバ名 Last-Modified Fri, 29 Sep 2006 14 57 49 GMT ←最終更新日 ETag "1979a1-127-3d29b840" ←コンテンツに割り当てられる固有の値 Accept-Ranges bytes Content-Length 295 ←ファイルのサイズ Conection close Content-Type text/html; charset=UTF-8 ←①ファイルのタイプ ①の「Content-Type」がファイルのMIMIタイプである。HTMLファイルの場合には「text/html」になる。そのあとの「charset」で文字コードを指定することもある。 最後の「メッセージボディ」は実際にクライアントに送信するファイルである。つまり、HTMLファイルが要求された場合にはそのHTMLファイルの中身がメッセージボディになる。 ●メッセージボディ !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3.org/TR/html4/loose.dtd" " html head title Sample /title meta http-equiv="Content-type" content="text/html; charset=UTF-8" /head body bgcolor="#FFFFFF" h1 Hello /h1 /body /html
https://w.atwiki.jp/htmlwiki/pages/15.html
ez-html プレビュー機能がついていて、コードの補佐を行ってくれるソフト。 現在(2009年8月)も開発が進んでいます。これを使って作業をしていきます。
https://w.atwiki.jp/taiko-wiki/pages/47.html
!DOCTYPE html html lang="ja" head meta charset="utf-8" / title LK-223 曲目リスト | 光ナビゲーションキーボード | 電子楽器 | CASIO /title meta name="description" content="カシオの 電子ピアノ、電子キーボードに関する情報です。お子様の練習用から本格的な演奏用まで、幅広いラインアップをご用意しております。" / meta name="keywords" content="電子ピアノ,デジタルピアノ,キーボード, 電子楽器,midiキーボード,鍵盤楽器,セルビアーノ,セルヴィアーノ,プリビア,プリヴィア" / meta name="viewport" content="width=device-width, initial-scale=1" / meta property="og title" content="LK-223 曲目リスト | 光ナビゲーションキーボード | 電子楽器 | CASIO" / meta property="og type" content="article" / meta property="og url" content="https //casio.jp/emi/products/lk223/tunes/" / meta property="og image" content="https //casio.jp/product/image/1425435555217/" / meta property="og site_name" content="CASIO Official Website" / meta property="og description" content="カシオの 電子ピアノ、電子キーボードに関する情報です。お子様の練習用から本格的な演奏用まで、幅広いラインアップをご用意しております。" / meta property="twitter card" content="summary_large_image" / meta property="twitter title" content="LK-223 曲目リスト | 光ナビゲーションキーボード | 電子楽器 | CASIO" / meta property="twitter description" content="カシオの 電子ピアノ、電子キーボードに関する情報です。お子様の練習用から本格的な演奏用まで、幅広いラインアップをご用意しております。" / meta property="twitter image src" content="https //casio.jp/product/image/1425435555217/" / link rel="apple-touch-icon-precomposed" sizes="152x152" href="/theme/icons/casio-152.png" / link rel="apple-touch-icon-precomposed" sizes="120x120" href="/theme/icons/casio-120.png" / link rel="icon" sizes="16x16 32x32 64x64" href="/theme/icons/casio-64.png" / link rel="shortcut icon" href="/theme/icons/casio.ico" / link rel="stylesheet" href="/theme/styles/base.css" / link rel="stylesheet" href="/theme/styles/grid.css" / link rel="stylesheet" href="/theme/styles/typography.css" / link rel="stylesheet" href="/theme/styles/colors.css" / link rel="stylesheet" href="/theme/styles/icons.css" / link rel="stylesheet" href="/theme/styles/forms.css" / link rel="stylesheet" href="/theme/styles/table.css" / link rel="stylesheet" href="/theme/styles/lists.css" / link rel="stylesheet" href="/theme/styles/layout.css" / link rel="stylesheet" href="/theme/styles/header.css" / link rel="stylesheet" href="/theme/styles/footer.css" / link rel="stylesheet" href="/theme/styles/table.css" / link rel="stylesheet" href="/theme/styles/slots.css" / link rel="stylesheet" href="/theme/styles/idangerous.swiper.css" / link rel="stylesheet" href="/theme/styles/mainvisual.css" / link rel="stylesheet" href="/assets/styles/products/product.css" / link rel="stylesheet" href="/assets/styles/products/detail.css" / link rel="stylesheet" href="/assets/styles/products/option-list.css" / !--[if lte IE 8.0] gt; lt;link rel="stylesheet" href="/theme/styles/ie8.css" gt; lt;link rel="stylesheet" href="/assets/styles/products/ie8.css" gt; lt;![endif]-- script src="/theme/scripts/modernizr-2.8.3.js" /script /head body header id="header" class="grid-1 grid--1" div class="column" div class="casio-logo" a href="/" img class="svg" src="/assets/logos/casio-logo.svg" alt="CASIO" / img src="/assets/logos/casio-logo.png" alt="CASIO" / /a em JAPAN /em /div /div /header nav id="global-navigation" class="global-navigation" div class="frame" ul class="main-navigation" li class="priority-1st" a href="https //www.casio.com/jp/products.html" 製品情報 /a /li li class="priority-2nd" a href="https //www.casio.com/jp/business.html" 法人向け製品 /a /li li class="priority-1st" a href="/support/" お客様サポート /a /li li class="product priority-1st is-close" a href="https //www.casio.co.jp/" カシオについて /a a href="javascript void(0)" class="js-toggle-head" span aria-hidden="true" class="icon minus" img class="svg" src="/assets/images/icon_minus_black.svg" alt="コンテンツを閉じる" / /span span aria-hidden="true" class="icon plus" img class="svg" src="/assets/images/icon_plus_black.svg" alt="コンテンツを開く" / /span /a div class="sub-navigation products" ul /ul /div /li li class="btn-more inactive" a href="/#" 全て /a div class="more sub-navigation" ul /ul /div /li /ul /div div id="btn-area" class="btn-area" hidden="hidden" a id="btn-menu" class="btn-menu" hidden="hidden" img class="svg" src="/assets/images/icon_menu.svg" alt="コンテンツを開く" / /a a id="btn-close" class="btn-close" hidden="hidden" img class="svg" src="/assets/images/icon_menu_close.svg" alt="コンテンツを閉じる" / /a /div /nav nav class="breadcrumb js-nav-breadcrumb bg-ultra-light-grey" div class="grid-1 grid-w--1" div class="column" ol li a href="/" カシオホーム /a /li li a href="/products/" 製品情報 /a /li li a href="/emi/" 電子楽器 /a /li li LK-223 /li /ol /div /div /nav main role="main" div class="page-head content-head" div class="grid-w-1 grid-w--1" div class="column" h1 class="t-size-xx-large" LK-223 span class="sub-t" 曲目リスト /span /h1 div class="logo" div img alt="光ナビゲーションキーボード" src="/blob/image/1425300483797/lineup_title_key_lighting.png" / /div /div nav class="anchor" a href="/emi/products/lk223/" トップ /a a href="/emi/products/lk223/spec/" 仕様 /a span class="current" 曲目リスト /span a href="/emi/products/lk223/option/" オプション /a a href="#support" サポート /a /nav ul class="tag" hidden="hidden" li class="label-sec" mark 生産終了 /mark /li /ul /div /div /div div class=" bg-ultra-light-grey bg--white" section class="correspondence-list product-detail bg-ultra-light-grey bg--white" div class="header-grid grid-1 grid--1 frame" div class="column" h2 class="t-size-x-large underline add-mt" 曲目リスト /h2 /div /div div class="grid-1 grid--1 frame" div class="column bg-white" div class="grid-1 grid--1" div class="column" h3 class="t-size-small title-side" ポップス /h3 ul li 復活LOVE /li li 365日の紙飛行機 /li li SUN /li li 明日への手紙 /li li トリセツ /li li Baby, God Bless You /li li 千本桜 /li li 糸 /li li シュガーソングとビターステップ /li li ひまわりの約束 /li li GUTS! /li li R.Y.U.S.EI. /li li 恋するフォーチュンクッキー /li li RPG /li li 花は咲く /li li 家族になろうよ /li li ありがとう /li li 世界に一つだけの花 /li li ハナミズキ /li li 夜空ノムコウ /li li また君に恋してる /li li 千の風になって /li li 旅立ちの日に /li /ul /div div class="column" h3 class="t-size-small title-side" アニメ/スクリーン/テーマ /h3 ul li Dokkin♢魔法つかいプリキュア! /li li ようかい体操第一 「妖怪ウォッチ」より /li li XY&Z 「ポケットモンスターXY&Z」より /li li ラジオ体操第一 /li li エトピリカ 「情熱大陸」より /li li Summer 「菊次郎の夏」より /li li 君をのせて 「天空の城ラピュタ」より /li li 崖の上のポニョ /li li 夢をかなえてドラえもん /li li アンパンマンのマーチ /li li さんぽ 「となりのトトロ」より /li li 星に願いを /li /ul /div div class="column" h3 class="t-size-small title-side" 日本の歌 /h3 ul li 春がきた /li li 春の小川 /li li おぼろ月夜 /li li 早春賦 /li li 花 /li li こいのぼり /li li 茶つみ /li li かたつむり /li li もみじ /li li 荒城の月 /li li 冬景色 /li li 浜辺の歌 /li li 宵待草 /li li ふじ山 /li li げんこつ山のたぬきさん /li /ul /div div class="column" h3 class="t-size-small title-side" 世界の曲 /h3 ul li きらきら星 /li li ちょうちょう /li li ロング・ロング・アゴー /li li オン・トップ・オブ・オールド・スモーキー /li li さくら さくら /li li 聖者の行進 /li li アメイジング・グレイス /li li ほたるの光 /li li ぶんぶんぶん /li li かわいいオーガスチン /li li こげよマイケル /li li ダニー・ボーイ /li li マイ・ボニー /li li 埴生の宿 /li li オーラ・リー /li li 峠の我が家 /li li アロハ・オエ /li li サンタ・ルチア /li li ふるさと /li li グリーンスリーブス /li li ジェリコの戦い /li li パン屋さん /li li ロンドン橋 /li li 大きな栗の木の下で /li li 森のくまさん /li li 大きな古時計 /li li アニー・ローリー /li li 夢路より /li li しあわせなら手をたたこう /li li 愛しのクレメンタイン /li li 茶色のこびん /li li 朝日のあたる家 /li li 黄色いリボン /li li アルプス一万尺 /li li ケンタッキーの我が家 /li li 森へ行きましょう /li li トロイカ /li li ワルツィング・マチルダ /li li アビニョンの橋で /li li 線路は続くよどこまでも /li li おお スザンナ /li li 草競馬 /li li 金髪のジェニー /li li わらの中の七面鳥 /li li さらばジャマイカ /li /ul /div div class="column" h3 class="t-size-small title-side" イベント /h3 ul li きよしこの夜 /li li おめでとうクリスマス /li li ジングル・ベル /li li もろびとこぞりて /li li もみの木 /li /ul /div div class="column" h3 class="t-size-small title-side" ピアノ/クラシック /h3 ul li メリーさんのひつじ /li li 白鳥 「動物の謝肉祭」より /li li ジュ・トゥ・ヴ /li li ソナタ 作品13 「悲愴」 第2楽章 /li li 野ばら /li li G線上のアリア /li li 春 「四季」より /li li ハバネラ 歌劇「カルメン」より /li li 乾杯の歌 歌劇「椿姫」より /li li ハンガリー舞曲 第5番 /li li ト長調のメヌエット /li li ニ長調のミュゼット /li li ガボット(ゴセック) /li li アラベスク(ブルクミュラー) /li li チョップスティックス /li li ひいらぎかざろう /li li 喜びの歌 /li li アヴェ・マリア(グノー) /li li ソナチネ 作品36の1 第1楽章 /li li プレリュード 作品28の7(ショパン) /li li 夢 /li li ジムノペディ 第1番 /li li 家路 「新世界から」より /li li エリーゼのために /li li トルコ行進曲(モーツァルト) /li li ソナタ 作品27の2 「月光」 第1楽章 /li li 別れの曲 /li li エンターテイナー /li li 結婚行進曲 「真夏の夜の夢」より /li li アメリカン・パトロール /li li 楽しき農夫 /li li 貴婦人の乗馬 /li li ソナタ K.545 第1楽章 /li li 乙女の祈り /li li 小犬のワルツ /li li 愛の夢 第3番 /li li 主よ、人の望みの喜びよ /li li カノン(パッヘルベル) /li li セレナード 「アイネ・クライネ・ナハトムジーク」より /li li 行進曲 「くるみ割り人形」より /li li インヴェンション 第1番 /li li プレリュード 第1番(J.S.バッハ) /li li ソナチネ 作品20の1 第1楽章 /li li ユーモレスク(ドヴォルザーク) /li li 人形の夢と目覚め /li li 亜麻色の髪の乙女 /li li アラベスク 第1番(ドビュッシー) /li li トロイメライ /li li メープル・リーフ・ラグ /li li ノクターン 作品9の2(ショパン) /li /ul /div div class="column" h3 class="t-size-small title-side" 脳にキク /h3 ul li 脳にキク 1~50 /li /ul /div /div /div /div /section section id="specification" class="index-content bg-ultra-light-grey bg--white add-pd" div class="grid-1 grid--1 bg-ultra-light-grey bg--white frame" div class="column bg-white" h2 class="t-size-x-large underline" 詳細情報 /h2 ul class="list-links" li a class="button" href="/emi/products/lk223/spec/" span aria-hidden="true" class="icon icon-ah-r-blue-light" /span 仕様 /a /li li a class="button-inactive" href="/emi/products/lk223/tunes/" span aria-hidden="true" class="icon icon-ah-r-blue-light" /span 曲目リスト /a /li li a class="button" href="/emi/products/lk223/option/" span aria-hidden="true" class="icon icon-ah-r-blue-light" /span オプション /a /li /ul /div /div /section !--BuyService-- section class="relation bg-white" div class="grid-1 grid--1" div class="column" h2 class="t-size-x-large title underline" キーボード教室のご案内 /h2 /div /div div class="list grid-w-2 grid--4" a href="/emi/cmc/" class="column bg-white bg--ultra-light-grey" figure img alt="カシオのキーボード教室" src="/emi/products/blob/1425373268677/emi_cmc_banner.jpg" / /figure /a p カシオのキーボード教室 /p /div /section !--relation-- section class="relation bg-white" div class="grid-1 grid--1" div class="column" h2 class="t-size-x-large title underline" 関連リンク /h2 /div /div div class="list grid-w-2 grid--4" a href="https //web.casio.jp/emi/sp/mini_gakuhan/" class="column bg-white bg--ultra-light-grey" target="_blank" figure img alt="ミニキーボードで新しい音楽の授業を" src="/emi/products/blob/1425610693610/320x180_mini_gakuhan.jpg" / /figure /a p ミニキーボードで新しい音楽の授業を /p a href="https //music.casio.com/ja/" class="column bg-white bg--ultra-light-grey" target="_blank" figure img alt="CASIO MUSIC WORLD" src="/emi/products/blob/1425558103057/emi_ghs_banner_2.jpg" / /figure /a p CASIO MUSIC WORLD /p a href="/emi/movie/" class="column bg-white bg--ultra-light-grey" figure img alt="電子楽器 ムービーギャラリー" src="/emi/products/blob/1425543383180/link_movie.jpg" / /figure /a p 電子楽器 ムービーギャラリー /p a href="/emi/web_ar/" class="column bg-white bg--ultra-light-grey" figure img alt="電子楽器 AR(部屋置きシミュレーション)" src="/emi/products/blob/1425596676317/related_link_web_ar.jpg" / /figure /a p 電子楽器 AR(部屋置きシミュレーション) /p a href="https //www.facebook.com/CasioElectronicMusicalInstrumentsJapan/" class="column bg-white bg--ultra-light-grey" target="_blank" figure img alt="電子楽器公式Facebook" src="/emi/products/blob/1425580736461/emi_facebook_banner.jpg" / /figure /a p 電子楽器公式Facebook /p a href="https //www.instagram.com/casio_music_japan/" class="column bg-white bg--ultra-light-grey" target="_blank" figure img alt="電子楽器公式Instagram" src="/emi/products/blob/1425598096036/instagram_banner.jpg" / /figure /a p 電子楽器公式Instagram /p a href="https //web.casio.com/app/ja/" class="column bg-white bg--ultra-light-grey" target="_blank" figure img alt="CASIO APPS" src="/emi/products/blob/1425583295467/apps.jpg" / /figure /a p 電子楽器アプリ一覧 /p a href="https //web.casio.jp/emi/sp/concept/" class="column bg-white bg--ultra-light-grey" target="_blank" figure img alt="Go Beyond Sound" src="/emi/products/blob/1425554157495/emi_concept_banner.jpg" / /figure /a p Go Beyond Sound /p /div /section section id="support" class="index-content bg-white" div class="grid-w-1 grid--1" div class="column" h2 class="t-size-x-large underline" サポート情報 /h2 h3 class="t-size-large" span aria-hidden="true" class="icon icon-large icon-setup" /span span サポート情報 /span /h3 ul class="list-links" li a class="button-sec" href="https //support.casio.jp/faq.php?cid=008" Q A;(よくある質問と答え) /a /li li a class="button-sec" href="https //support.casio.jp/manual.php?cid=008" 取扱説明書ダウンロード /a /li li a class="button-sec" href="https //support.casio.jp/download.php?cid=008 amp;pid=318" ソフトウェアダウンロード /a /li li a class="button-sec" href="https //support.casio.jp/osdevice.php?cid=028" メモリーカード及びUSBメモリー動作確認一覧 /a /li li a class="button-sec" href="https //support.casio.jp/osdevice.php?cid=008" パソコンOS対応状況 /a /li li a class="button-sec" href="/emi/option/" オプション対応表一覧 /a /li /ul h3 class="t-size-large" span aria-hidden="true" class="icon icon-large icon-repair" /span span 「修理」に関する情報 /span /h3 ul class="list-links" li a class="button-sec" href="/support/emi/repair/before/" 修理依頼前のご確認 /a /li li a class="button-sec" href="https //members.casio.jp/jp/support/repair/g001.php?ct=40" 修理お申込み先 /a /li li a class="button-sec" href="https //members.casio.jp/jp/support/repair/g003.php?ct=30" 修理料金/受付終了製品 /a /li /ul h3 class="t-size-large" span aria-hidden="true" class="icon icon-large icon-support" /span span お問い合わせ窓口 /span /h3 ul class="list-links" li a class="button-sec" href="/support/emi/phone/" 電話番号 /a /li li a class="button-sec" href="/support/emi/mail/" メール /a /li /ul /div /div /section section id="comparison" div class="grid-1 grid--1" div class="column bg-ultra-light-grey" h2 class="t-size-x-large" 電子楽器 /h2 a href="/emi/" span aria-hidden="true" class="icon icon-ah-r-blue-light" /span Category Home /a nav class="anchor" a href="/emi/products/lk515/" font color="#c81d1d" b NEW /b /font 光ナビゲーションキーボード LK-515 /a a href="/emi/products/lk315/" font color="#c81d1d" b NEW /b /font 光ナビゲーションキーボード LK-315 /a a href="/emi/products/cts200/" Casiotone CT-S200 /a a href="/emi/products/pxs1000/" Privia PX-S1000 /a a href="/emi/products/gp510bp/" CELVIANO Grand Hybrid GP-510BP /a a href="/emi/cgh/" CELVIANO Grand Hybrid /a a href="/emi/celviano/" CELVIANO /a a href="/emi/privia/" Privia /a a href="/emi/cdp/" CDP /a a href="/emi/key_lighting/" 光ナビゲーションキーボード /a a href="/emi/basic/" ベーシックキーボード /a a href="/emi/mini/" ミニキーボード /a a href="/emi/high_grade/" ハイグレードキーボード /a /nav /div /div /section /div /main div id="page-top" a href="#top" class="button-alt" span aria-hidden="true" class="icon icon-large icon-ah-t-grey-xlight" /span /a /div nav class="breadcrumb js-nav-breadcrumb" div class="grid-1 grid-w--1" div class="column" ol li a href="/" カシオホーム /a /li li a href="/products/" 製品情報 /a /li li a href="/emi/" 電子楽器 /a /li li LK-223 /li /ol /div /div /nav footer id="footer" div class="grid-1 grid--1" div class="column" div class="elements" span class="casio-logo" img class="svg" src="/assets/logos/casio-logo.svg" alt="カシオ" / img src="/assets/logos/casio-logo.png" alt="カシオ" / /span small class="copyright bg-ultra-light-grey bg--white txt-grey" © 2022 CASIO COMPUTER CO., LTD. /small a href="https //www.casio.co.jp/privacy/" class="link" em プライバシーポリシー /em /a a href="https //www.casio.com/jp/cookie/" class="link" em クッキー等の利用について /em /a a href="https //www.casio.com/jp/terms/" class="link" em ご利用条件 /em /a a href="/sitemap/" class="link" em サイトマップ /em /a a href="https //www.casio.co.jp/contact/" class="link" em お問い合わせ /em /a /div div class="language" span class="" em JAPAN /em /span a href="https //www.casio.com/select-country-region/" class="" span aria-hidden="true" class="icon icon-global" /span span Select Country or Region /span /a /div /div /div /footer script src="/theme/scripts/mainnavigation.js" /script script src="/theme/scripts/jquery-1.11.2.min.js" /script script src="/theme/scripts/common.js" /script script src="/theme/scripts/idangerous.swiper.min.js" /script script src="/theme/scripts/swiper/init-narrow.js" /script !-- AA Tag -- script src="//assets.adobedtm.com/31d510c928c2/bdb351f31737/launch-26f2d9e5bfc0.min.js" async="async" /script !-- AA Tag -- !-- Google Tag Manager -- noscript iframe src="//www.googletagmanager.com/ns.html?id=GTM-5X26S5" height="0" width="0" style="display none;visibility hidden" /iframe /noscript script (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start' new Date().getTime(),event 'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?' l='+l '';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5X26S5'); /script !-- End Google Tag Manager -- /body /html
https://w.atwiki.jp/fieds_labo1/pages/56.html
html 表示モード IE7で表示モードを忘れていて li hover ではまる@@; DOCTYPEとXML宣言で変わるですが、細かいところは置いておいて(汗 互換モード:IE6,IE7、FFOX、OPERA、Safari !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 標準モード:IE6、IE7、FFOX、OPERA、Safari。 ちなみにCSSPLAYはこれだったw !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http //www.w3.org/1999/xhtml" xml lang="en" ●ショップモールの状況(2008年11月調べ) ショップモールは互換モードのところがまだ多いです。 STYLE使えないところもあります。 楽天:互換モード DOCTYPE宣言無し。 ヤフーショッピング:標準モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3.org/TR/html4/loose.dtd" おちゃのこ:標準モード !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ライブドアデパート:互換モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ショップサーブ2:標準モード? !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3.org/TR/html4/loose.dtd" いいな:互換モード ショップ内はDOCTYPE宣言無し。いいなのトップページだけXHTML。 ピュアモール:互換モードっていうかIEONLY @@; !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ワイズカート:互換モード DOCTYPE宣言無し。 ぴこねっと生粋市場:互換モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ゼロショップ:互換モード DOCTYPE無し。 しーさーショッピング:IEは互換モード、それ以外は標準モード モールトップとカテゴリは、DOCTYPE無しの互換モード。 ショップサイトはXHTML指定だが、IEのみ互換モード ?xml version="1.0" encoding="Shift_JIS"? !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ビッダーズ:互換モード ショップ内はDOCTYPE無し。